<template>
    <div class="w-full h-full flex flex-col">
        <div class="w-full flex flex-row justify-between items-center">
            <div class="flex flex-row items-center">
                <el-select class="mr-w20" v-model="s_inves.m_req.companyId" placeholder="请选择公司"
                    @change="action_select_change" clearable>
                    <el-option v-for="item in s_report.list_company" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                </el-select>
                <el-select class="mr-w20" v-model="s_inves.m_req.id" placeholder="请选择问卷" clearable
                    @change="action_select_change">
                    <el-option v-for="item in s_inves.list_inv" :key="item.id" :label="item.name" :value="item.id">
                    </el-option>
                </el-select>

                <el-date-picker class="mr-w20" v-model="s_inves.m_req.date" type="date" placeholder="选择日期"
                    value-format="yyyy-MM-dd" @change="action_select_change">
                </el-date-picker>
            </div>
            <el-button type="primary" icon="el-icon-takeaway-box" class=" bg-cmain" @click="action_export_invz">导出
            </el-button>
        </div>
        <div class="w-full h-full mt-w20 ">
            <el-table :data="s_inves.list_req" stripe style="width: 100%; " height="680">
                <el-table-column type="index" label="序号" min-width="10%">
                </el-table-column>
                <el-table-column prop="name" label="员工姓名" min-width="10%">
                </el-table-column>
                <el-table-column prop="job" label="工号" min-width="10%">
                </el-table-column>
                <el-table-column prop="company" label="公司名称" min-width="10%">
                </el-table-column>
                <el-table-column prop="departmentName" label="部门名称" min-width="10%">
                </el-table-column>
                <el-table-column prop="invsName" label="问卷名称" min-width="40%">
                </el-table-column>
                <el-table-column prop="time" label="提交时间" min-width="10%">
                </el-table-column>
            </el-table>
            <div class="w-full flex items-end justify-center" style="height:7%">
                <el-pagination background layout="prev, pager, next" :current-page="s_inves.m_page.page"
                    :total="s_inves.m_page.total" :page-size="s_inves.m_page.limit"
                    @current-change="action_page_change">
                </el-pagination>
            </div>
        </div>
    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped>
</style>
